div {
    min-height: 30px;
  }
  
  div:empty {
    border: 1px solid green;
  }
  p{
      min-height:30px;
  }
  p:empty{
     background-color: aquamarine;
      /* 选择没有子元素的每个 <p> 元素（包括文本节点）。 */
  }
  /* 选择当前活动的#brand */
  #brand:target {
    background: orange;
    color: #fff;
  }
  #jake:target {
    background: blue;
    color: #fff;
  }
  #aron:target {
    background: red;
    color: #fff;
  }
 #brand1:target span {
    background: orange;
    color: #fff;
  }
  p:first-child
{
background-color:yellow;
}
  ul > li:first-child {
    color: red;
   }
   ul>li{
       background-color: antiquewhite;
   }
   ul > li:last-child{
       color:black;
       /* 选择属于其父元素最后一个子元素每个 li 元素 */
   }
 .wrapper > div:nth-of-type(2n-1),
.wrapper > p:nth-of-type(2n){
  background: orange;
}
.wrapper>div:last-child{
    color:yellow;
}
li {
    background: green;
    padding: 10px;
    margin-bottom: 5px;
  }
  li:only-child{
    /* 选择属于其父元素的唯一子元素的每个 li 元素。 */
    background: orange;
  }

/*或者

.wrapper > div:ntn-of-type(2n+1),
.wrapper > p:nth-of-type(2n){
  background: orange;
}*/
/*或者

.wrapper > div:ntn-of-type(odd),
.wrapper > p:nth-of-type(even){
  background: orange;
}*/
.wrap {
    border: 1px solid #ccc;
    padding: 10px;
    width: 500px;
    margin: 10px auto;
  }
  
  .wrap p:only-of-type{
    /* 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。 */
    background: orange;
  }